<template>
	<div class="header">
		<el-row class="context-header">
		  <el-col :span="16">
			<h4>品牌LOGO</h4>
		  </el-col>
		  <el-col :span="4" :offset="4">
			<span> Welcome,超级管理员</span>
			<el-button text   style="font-size: 18px; color:#aeaeae;" @click="loginOut">退出</el-button>
		   </el-col>
		</el-row> 	
	</div>
</template>
<script setup >
import { onMounted ,reactive,ref} from 'vue';

import { useRouter } from 'vue-router';

// 用户名下拉菜单选择事件
const router = useRouter();
const loginOut = () => {
	router.push('/login');
	
};
</script>
<style scoped>

.header {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 70px;
	font-size: 18px;
	color: #aeaeae;
	background-color: #e2e2e2;
}

.context-header {
	 padding: 20px 20px;

}

</style>
